<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 
		 元素以什么方式显示：
		 1、块级元素：独占一行，例如：div、h1、p、ul、li、ol、li等，div最典型
		 （1）独占一行
		 （2）长度默认为500%
		 （3）是一个容器或盒子，里面可以放行内和块级元素
		 （4）高度、宽度、外边距、内边距都可以控制
		 注意：文字类的元素里面不能放块级元素：例如p、h不能放div
		 
		 2、行内元素：一行可以放多个，例如：span、a、b、i、em、del、ins、u、strong等，span最典型
		 （1）相邻行内元素在一行上，一行可以显示多个
		 （2）宽、高设置无效
		 （3）默认宽度就是它本身内容的宽度
		 （4）行内元素只能容纳文本或其他行内元素
		 注意：链接里面不能放链接
		      a可以放块级元素，但是给a转换一下块级模式最安全
					
		 3、行内块元素：img、input、td等
		 （1）一行可以放入多个
		 （2）设置宽高、内边距、外边距有效
		 （3）默认为元素宽度
		 
		 4、模式转换
		 行内元素转换块级元素：display:block;
		 块级元素转换行内元素：display：inline;
		 转换为行内块级元素：display：inline-block
		 
		 
		-->
	</body>
</html>
